<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- CSS -->
  <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
    integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous" /> -->
    <link rel="stylesheet" href="./bootstrap-4.6.2/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/base.css" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/farm4.css" />
  <link rel="stylesheet" href="./css/bottom.css" />
  <title>新云农场</title>
</head>

<body>
  <!----------------------------------------------------- 头部 -->
  <div class="header fixed-top">
    <ul class="top_msg">
      <li class="container flex">
        <span>欢迎来到新云农场!</span>
        <span class="top_msg_act">
          <span class="span1">登录</span>
          <b>|</b>
          <span class="span1">注册</span>
          <b>|</b>
          <span class="span1">帮助中心</span>
        </span>
      </li>
    </ul>
    <div class="container">
      <nav class="navbar navbar-expand-lg navbar-light bg-light top_nav">
        <a class="navbar-brand img" href="#">
          <img src="./image/新云.png" alt="" class="img-fluid" />
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
          aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <!-- shadow-sm -->
          <ul class="navbar-nav textsize1">
            <li class="nav-item nav_list">
              <a class="nav-link" href="./index.html">首页</a>
              <ul class="nav-hover0 nav_hov"></ul>
            </li>
            <li class="nav-item nav_list">
              <a class="nav-link" href="./product2.html">农场产品</a>
              <ul class="nav-hover1 nav_hov">
                <li><a href="./product2.html#glzz">谷类种植</a></li>
                <li><a href="./product2.html#scgg">疏菜瓜果</a></li>
                <li><a href="./product2.html#ysfy">野生放养</a></li>
                <li><a href="./product2.html#sgncp">手工农产品</a></li>
                <li><a href="./product2.html#srdz">私人订制</a></li>
              </ul>
            </li>
            <li class="nav-item nav_list">
              <a class="nav-link" href="./angling3.html">休闲垂钓</a>
              <ul class="nav-hover2 nav_hov">
                <li><a href="./angling3.html#tdly">台钓/路亚</a></li>
                <li><a href="./angling3.html#tdly">钓虾</a></li>
                <li><a href="./angling3.html#tdly">钓鸡</a></li>
              </ul>
            </li>
            <li class="nav-item nav_list active">
              <a class="nav-link" href="./farm4.html">农场环境</a>
              <ul class="nav-hover3 nav_hov border">
                <li><a href="./farm4.html#ztgm">整体规模实拍</a></li>
                <li><a href="./farm4.html#yzcj">养殖场景展示</a></li>
                <li><a href="./farm4.html#zzcj">种植场景展示</a></li>
                <li><a href="./farm4.html#cdcj">垂钓场景展示</a></li>
                <li><a href="./farm4.html#srcy">私人菜园场景</a></li>
                <li><a href="./farm4.html#njjc">农家菜聚餐</a></li>
              </ul>
            </li>
            <li class="nav-item nav_list">
              <a class="nav-link" href="./food5.html">农家土菜</a>
              <ul class="nav-hover4 nav_hov border">
                <li><a href="./food5.html#dgc">自助大锅菜</a></li>
                <li><a href="./food5.html#njc">美味农家菜</a></li>
              </ul>
            </li>
            <li class="nav-item nav_list">
              <a class="nav-link" href="./wit6.html">智慧农业</a>
              <ul class="nav-hover5 nav_hov"></ul>
            </li>
            <li class="nav-item nav_list">
              <a class="nav-link" href="./touch7.html">联系农场</a>
              <ul class="nav-hover6 nav_hov border">
                <li><a href="./touch7.html#gync">关于农场</a></li>
                <li><a href="./touch7.html#dtwz">农场地图</a></li>
                <li><a href="./touch7.html#lxdh">联系我们</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </div>
  <!------------------------------------------------- 视频广告 -->
  <div class="banner">
    <img src="./image/farm4/1.jpg" alt="" />
  </div>
  <!--------------------------------------------------- 标题导航 -->
  <div class="container-md" style="overflow: auto;margin-top: 150px;">
    <ul class="nav_farm flex">
      <li class="textsize2"><a href="#ztgm">整体规模实拍</a></li>
      <li class="textsize2">
        <a href="#yzcj">养殖场景展示</a>
      </li>
      <li class="textsize2">
        <a href="#zzcj">种植场景展示</a>
      </li>
      <li class="textsize2">
        <a href="#cdcj">垂钓场景展示</a>
      </li>
      <li class="textsize2">
        <a href="#srcy">私人菜园场景</a>
      </li>
      <li class="textsize2 "><a href="#njjc">农家菜聚餐</a></li>
    </ul>
  </div>
  <!--整体规模实拍  -->
  <div class="nchj_1 container" id="ztgm">
    <h3 class="container title textsize5"><span>整体规模实拍</span></h3>
    <ul class="nchj_1_img">
      <li class="flex t row">
        <img class="img1 col-xl-4 col-lg-6 col-sm-12 col-12" style="margin: 0" src="./image/farm4/2.jpg" alt="" />
        <img class="img1 col-xl-4 col-lg-6 col-sm-12 col-12" src="./image/farm4/3.jpg" alt="" />
        <img class="img1 col-xl-4 col-lg-6 col-sm-12 col-12" src="./image/farm4/4.jpg" alt="" />
      </li>
      <li class="flex b row">
        <img class="img2 col-xl-8 col-lg-8 col-sm-12 col-12" src="./image/farm4/6.jpg" alt="" />
        <img class="img1 col-xl-4 col-lg-6 col-sm-12 col-12" src="./image/farm4/5.jpg" alt="" />
      </li>
    </ul>
  </div>
  <!--养殖场景展示  -->
  <div class="nchj_2 container" id="yzcj">
    <h3 class="title container textsize5"><span>养殖场景展示</span></h3>
    <ul class="nchj_2_box row">
      <li class="nchj_2_img border col-xl-3 col-lg-6 col-sm-12 col-12">
        <p class="textsize6">散养禽类</p>
        <img src="./image/farm4/7.jpg" alt="" />
      </li>
      <li class="nchj_2_img border col-xl-3 col-lg-6 col-sm-12 col-12">
        <img src="./image/farm4/8.jpg" alt="" />
        <p class="textsize6">野生鱼虾</p>
      </li>
      <li class="nchj_2_img border col-xl-3 col-lg-6 col-sm-12 col-12">
        <p class="textsize6">放养牛羊</p>
        <img src="./image/farm4/9.jpg" alt="" />
      </li>
      <li class="nchj_2_img border col-xl-3 col-lg-6 col-sm-12 col-12">
        <img src="./image/farm4/10.jpg" alt="" />
        <p class="textsize6">野生泥鳅黄鳝</p>
      </li>
    </ul>
  </div>
  <!--种植场景展示  -->
  <div class="nchj_3 container" id="zzcj">
    <h3 class="title container textsize5"><span>种植场景展示</span></h3>
    <div class="flex nchj_3_img row">
      <img class="col-xl-3 col-lg-6 col-sm-12 col-12" src="./image/farm4/11.jpg" alt="" />
      <img class="col-xl-3 col-lg-6 col-sm-12 col-12" src="./image/farm4/12.jpg" alt="" />
      <img class="col-xl-3 col-lg-6 col-sm-12 col-12" src="./image/farm4/13.jpg" alt="" />
      <img class="col-xl-3 col-lg-6 col-sm-12 col-12" src="./image/farm4/14.jpg" alt="" />
    </div>
  </div>
  <!--垂钓场景展示  -->
  <div class="container nchj_4" id="cdcj">
    <h3 class="title container textsize5"><span>垂钓场景展示</span></h3>
    <ul class="nchj_4_box row">
      <li class="nchj_4_left col-xl-5 col-lg-6 col-sm-12 col-12">
        <img src="./image/farm4/15.png" alt="" />
      </li>
      <li class="nchj_4_right col-xl-6 col-lg-6 col-sm-12 col-12">
        <img src="./image/farm4/15.jpg" alt="" />
        <div class="nchj_4_bimg row">
          <img class="col-xl-6 col-lg-6 col-6" src="./image/farm4/17.jpg" alt="" />
          <img class="col-xl-6 col-lg-6 col-6" src="./image/farm4/16.jpg" alt="" />
        </div>
      </li>
    </ul>
  </div>
  <!--私人菜园场景  -->
  <div class="container nchj_5" id="srcy">
    <h3 class="title container textsize5"><span>私人菜园场景</span></h3>
    <ul class="nchj_5_box">
      <li class="nchj_5_t row">
        <img class="col-xl-4 col-lg-6 col-sm-12 col-12" src="./image/farm4/18.jpg" alt="" />
        <img class="col-xl-4 col-lg-6 col-sm-12 col-12" src="./image/farm4/19.jpg" alt="" />
        <img class="col-xl-4 col-lg-6 col-sm-12 col-12" src="./image/farm4/20.jpg" alt="" />
      </li>
      <li class="nchj_5_b row">
        <img class="col-xl-3 col-lg-6 col-sm-12 col-12" src="./image/farm4/21.jpg" alt="" />
        <img class="col-xl-5 col-lg-6 col-sm-12 col-12" src="./image/farm4/22.jpg" alt="" />
        <img class="col-xl-4 col-lg-6 col-sm-12 col-12" src="./image/farm4/23.jpg" alt="" />
      </li>
    </ul>
  </div>
  <!--农家菜聚餐  -->
  <div class="container nchj_6" id="njjc">
    <h3 class="title container textsize5"><span>农家菜聚餐</span></h3>
    <div class="container nchj_6_box" style="overflow: auto;">
      <div class="nchj_6_img_box flex">
        <img class="nchj_6_img" src="./image/farm4/24.jpg" alt="" />
        <img class="nchj_6_img" src="./image/farm4/25.jpg" alt="" />
        <img class="nchj_6_img" src="./image/farm4/26.jpg" alt="" />
        <img class="nchj_6_img" src="./image/farm4/27.jpg" alt="" />
        <img class="nchj_6_img" src="./image/farm4/28.jpg" alt="" />
      </div>
    </div>
  </div>
  <!---------------------------------------------------- 底部 -->
  <div class="bottom">
    <div class="container-xl">
      <div class="textsize5 bottom_tit container">新云农场</div>
      <div class="bottom_msg container row" style="padding: 0 !important">
        <ul class="bottom_nav col-lg-6 col-sm-12 col-12 row">
          <li class="col-lg-4 col-sm-6 col-6 linav">
            <p class="webbotm">网站首页</p>
            <div class="span"><a href="./index.html#cpxl">产品系列</a></div>
            <div class="span">基地风采</div>
            <div class="span">合作对象</div>
            <div class="span">合作案例</div>
          </li>
          <li class="col-lg-4 col-sm-6 col-6 linav">
            <p class="webbotm">产品系列</p>
            <div class="span"><a href="./product2.html#">谷类种植 </a></div>
            <div class="span">蔬菜瓜果</div>
            <div class="span">野生放养</div>
            <div class="span">手工农产品</div>
            <div class="span">私人订制</div>
            <div class="span">休闲垂钓</div>
            <div class="span">农家土菜</div>
          </li>
          <li class="col-lg-4 col-sm-6 col-6 linav">
            <p class="webbotm">联系农场</p>
            <div class="span">
              <div class="span">垂钓电话</div>
              <div class="tcolor">1111111111111</div>
            </div>
            <div class="span">
              <div class="span">订餐电话</div>
              <div class="tcolor">1111111111111</div>
            </div>
            <div class="span">
              <div class="span">定养电话</div>
              <div class="tcolor">111111111111</div>
            </div>
          </li>
        </ul>
        <ul class="ydxx col-lg-6 col-sm-12 col-12 row">
          <li class="ydxx_img col-lg-4 col-sm-4 col-4">
            <div>
              <img
                class="row"
                style="max-width: 100%; object-fit: contain"
                src="./image/团建.jpg"
                alt=""
              />
              <p class="textsize" style="text-align: center">
                扫描二维码立即预定
              </p>
            </div>
          </li>
          <li class="ydxx_form col-lg-8 col-sm-8 col-8">
            <p class="textsize2">认养预定</p>
            <div class="flex">
              <input type="text" placeholder="请输入您的姓名" />
              <input
                style="margin-left: 6px"
                type="text"
                placeholder="请输入您的电话"
              />
            </div>
            <input type="text" placeholder="请输入您的联系地址" />
            <span class="textsize2 subtn">立即提交</span>
          </li>
        </ul>
      </div>
    </div>

    <div class="container-fluid">网站版权信息--------------------</div>
  </div>
  <!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
    crossorigin="anonymous"></script> -->
    <script src="./bootstrap-4.6.2/jQuery.js"></script>
    <script src="./bootstrap-4.6.2/popper.min.js"></script>
      <!-- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
    integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
    crossorigin="anonymous"></script> -->
    <script src="./bootstrap-4.6.2/js/bootstrap.min.js" ></script>
  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" crossorigin="anonymous"></script> -->
  <script src="./js/farm4.js"></script>
  <script src="./js/base.js"></script>
</body>

</html>